<oem-currency class="currency_box {{class}}" style="--bg: {{bg}};--color: {{color}};">
  <oem-currency-label class="currency_txt" id="currencyBox">
    <span class="flex items-center">
      <span class="mx-2" style="color:{{color}}">{{ currency.standard_code }}</span>
    </span>
    <svg xmlns="http://www.w3.org/2000/svg" class="down" viewBox="0 0 512 512" fill="currentColor">
      <title>Caret Down</title><path d="M98 190.06l139.78 163.12a24 24 0 0036.44 0L414 190.06c13.34-15.57 2.28-39.62-18.22-39.62h-279.6c-20.5 0-31.56 24.05-18.18 39.62z"></path>
    </svg>
  </oem-currency-label>
  <oem-currency-drop class="drop_currency" position="{{position | default : 'bottom'}}" id="currencyCon">
    <ul class="currency">
      {% get_currencies limit=100 %}
      {% for list in currencies %}
        <li>
          <web-currency data-type="{{ list.standard_code }}">
            <a href="javascript:void(0);" class="web-currency" rel="nofollow">
              <span>{{ list.standard_code }}({{ list.symbol_left }}{{ list.symbol_right}})</span>
            </a>
          </web-currency>
        </li>
      {% endfor %}
    </ul>
  </oem-currency-drop>
</oem-currency>